一、何謂jQuery
jQuery是一種能夠跨越瀏覽器中JavaScript的程式庫,在2006年由John Resig所提出,是目前全球前10000個存取最高的網站。此技術將HTML、JavaScript、CSS……等的技術融合成一個小小的程式庫,讓使用者在開發時只要將此程式庫匯入進前端程式裡,就可以使用該語法滿足各種需求,大大提升開發者的便利性。
二、jQuery語法
jQuery語法在開始前需要用$來表示語句的開始,中間selector需填入我們所要選取來處理的元素,之後的action需填入我們所要執行的動作,最後的parameter則為該動作所需傳入的參數。
三、jQuery塞選器
1.順序類過濾器:first()→第一個物件、last()→最後一個物件、even()→偶數的物件、odd()→奇數的物件
▲此範例使用first()塞選器,故的第1個會附有此效果
2.範圍類過濾器:eq(n)→第n個物件、gt(n)→第n個以上物件、lt(n)→第n個以下物件
▲此範例使用lt(2)塞選器,故的第0與1個會附有此效果
3.內容塞選器:empty()→內容為空、contains('n')→內容為n、has("li")→包含元素li
▲此範例使用contains(1)塞選器,故文內文中包含2的會附有此效果
4.屬性及類別塞選器:[attribute=n]→屬性為n、[class = n]→類別為n
▲此範例使用[class = test]塞選器,故標籤中包含類別名稱為test的會附有此效果
參考資料:
1.https://www.youtube.com/watch?v=z0EXtlbQtzs&list=PLdSWxzxDhd3EEVbdTanXFWkQbrbuY2O0y&index=4
2.http://article.denniswave.com/5254